<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/product.css">
    <title>Document</title>
</head>
<body>
    <div class="web">
        <header>
            <div class="graylinetop clearfix">
                <span class="fl">全国服务热线：400-000-0000</span>
                <span class="fl">设为首页</span>
                <span class="fr">加入收藏</span>
            </div>
            <div class="navigation">
                <div class="navigation-left">
                    <img src="../../src/S-logo.png" alt="1">
                </div>
                <div class="navigation-middle">
                    <p>TK科技有限公司</p>
                    <p>cer dcd keo Holdings Co., Ltd.</p>
                </div>
                <div class="navigation-right">
                    <div class="shadow"></div>
                    <ul class="clearfix">
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="../../index.html">首页</a>
                                </p>
                                <p>
                                    <a href="../../index.html">Home</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">关于我们</a>
                                </p>
                                <p>
                                    <a href="#">About</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">产品中心</a>
                                </p>
                                <p>
                                    <a href="#">Products</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">服务支持</a>
                                </p>
                                <p>
                                    <a href="#">Service</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">新闻中心</a>
                                </p>
                                <p>
                                    <a href="#">News</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="./more.html">在线商店</a>
                                </p>
                                <p>
                                    <a href="./more.html">Shop</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">联系我们</a>
                                </p>
                                <p>
                                    <a href="#">Contact Us</a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="topimg">
                <img src="../../src/P-banne.jpg" alt="1">
            </div>
        </header>
        <section>
            <div class="Products">
                <div>
                    <p>首页 > 新品发布</p>
                </div>
                <div class="Producttop">
                    <ul>
                        <li class="li1">
                            <p>百万高清系列</p>
                            <img src="../../src/P-down.png" alt="">
                        </li>
                        <li class="li2">
                            <p>标清系列</p>
                        </li>
                        <li class="li3">
                            <p>户外防水系列</p>
                        </li>
                        <li class="li4">
                            <p>室内系列</p>
                        </li>
                    </ul>
                </div>
                <div class="Productsearch">
                    <input type="text">
                    <div class="search">
                        <img src="../../src/P-select.png" alt="">
                    </div>
                </div>
                <div class="Productcontent">
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                    <div>
                        <img src="../../src/P-camera1.jpg" alt="">
                        <p>S6202Y-WR</p>
                        <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
                    </div>
                </div>
                <div class="Productbuttom">
                    <div>
                        <p>上一页</p>
                    </div>
                    <div class="PD1">
                        <p>1</p>
                    </div>
                    <div>
                        <p>2</p>
                    </div>
                    <div>
                        <p>3</p>
                    </div>
                    <div>
                        <p>4</p>
                    </div>
                    <div>
                        <p>5</p>
                    </div>
                    <div>
                        <p>6</p>
                    </div>
                    <div>
                        <p>下一页</p>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <div>
                <div class="buttomup">
                    <span>关于我们：</span>
                    <img src="../../src/buttomlogo.png" alt="">
    
                    <p>网站首页 · 新闻动态 · 关于我们 · 团队风采 · 联系我们 · 在线留言</p>
                </div>
                <div class="buttomdown">
                    <p>©2015 TK科技有限公司 &nbsp;版权所有沪ICP证13022560号-7 All Rights Reserved</p>
                </div>
            </div>
        </footer>
    </div>
    
</body>
</html>